﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>::Happy - โทรศัพท์แบบเติมเงินจากดีแทค::</title>
        <link href="${RESOURCE}/css/global.css" rel="stylesheet" type="text/css"/>
        <link href="${RESOURCE}/css/customize.css" rel="stylesheet" type="text/css"/>
        <script src="${RESOURCE}/tha/include/AC_RunActiveContent.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/jquery-1.4.2.min.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/PageAction.js" type="text/javascript"></script>
        <script src="${RESOURCE}/scripts/validator.js" type="text/javascript"></script>

        <script type="text/javascript">
            function doSubmit() {
				if(validate()) {
					$.ajax({
                        type : 'post',
                        url : '${pageContext.request.contextPath}/index.do',
                        data : 'fnc=ActivateCodeSSO&action=',
                        dataType : 'json',
                        success : function(data) {
                            if(checkResult(data)) {
								alert('success');
                            }
                        }
                    });
				}
			}
			
			function validate() {
				var phoneNumber = $('#phoneNumber').val();
				var passCode = $('#passCode').val();
				
				if(!isPhoneNumber0(phoneNumber)) {
					alert('หมายเลขโทรศัพท์ขึ้นต้นด้วย 0 ค่ะ');
					$('#phoneNumber').focus();
					return false;
				}
				if(isEmpty(passCode)) {
					alert('กรุณาใส่รหัสผ่าน');
					$('#passCode').focus();
				}
				if(!isCorrectPassCode(passCode)) {
					alert('ข้อมูลไม่ถูกต้อง :\n\nพาสเวิดต้องมี 5 หลัก \nและเป็นได้เพียงเฉพาะตัวเลขเท่านั้น');
					$('#passCode').focus();
					return false;
				}
				return true;
			}
			
			function isCorrectPassCode(text) {
                var validMobile = /^[0-9]{5}$/;
                return !isEmpty(text) && validMobile.test(text);
            }
			
			function doGetPassCode() {
			}
        </script>

    </head>
    <body>
        <div id="header">
            <%@ include file="../head.jsp" %>
        </div>

        <div id="container">
            <div id="pathway"><img src="images/clear.gif" width="1" height="1" /><img src="images/clear.gif" width="1" height="1" /><img src="images/clear.gif" width="1" height="1" /><a href="${pageContext.request.contextPath}/index.html" class="link2">บริการผ่านเว็บ</a> > ลงทะเบียนใช้บริการผ่านเว็บ</div>
            <div id="main">
                <%@ include file="../menu.jsp" %>
                <div id="content">
                    <div class="content-middle">

                        <!--เนื้อหาเริ่มที่นี่-->
                        <h3><img src="${RESOURCE}/tha/images/14_webservice_head01.gif" /></h3>
                        <table width="100%" cellpadding="2" cellspacing="2" height="500">
                            <tr>
                                <td valign="top">
                                    <table width="650" border="0" cellpadding="0" cellspacing="0" dwcopytype="CopyTableCell">
                                        <tr>

                                        </tr>

                                        <tr>

                                            <td> <table width="100%" border="0" cellspacing="3" cellpadding="0">

                                                    <tr>

                                                        <td width="2%"><img src="${RESOURCE}/tha/images/14_webservice_bullet01.gif" width="9" height="9" /></td>

                                                        <td width="98%" class="textnormal_bold"><img src="${RESOURCE}/tha/images/14_webservice_subtitle22.gif" width="182" height="22" /></td>
                                                    </tr>

                                                    <tr>

                                                        <td>&nbsp;</td>

                                                        <td class="textnormal">คุณสามารถลงทะเบียนเพื่อขอใช้บริการผ่านเ็ว็บได้โดยผ่าน 4 ขั้นตอนง่ายๆ ดังนี้ <br/>

                                                            <br/>

                                                            <br/></td>
                                                    </tr>

                                                    <tr>

                                                        <td>&nbsp;</td>

                                                        <td align="center" class="textnormal"><img src="${RESOURCE}/tha/images/14_webservice_register_pic0.gif" width="500" height="100" /></td>
                                                    </tr>

                                                </table></td>
                                        </tr>

                                        <tr>

                                            <td height="15" align="center"><br/>

                                                <br/>

                                                <br/></td>
                                        </tr>

                                        <tr>

                                            <td height="15" align="left"><table width="95%" border="0" align="center" cellpadding="0" cellspacing="0">

                                                    <tr>

                                                        <td class="textnormal_bold"><img src="${RESOURCE}/tha/images/bullet_grey.gif" width="9" height="9" /> รับรหัสผ่าน</td>
                                                    </tr>

                                                </table>

                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">


                                                    <tr>

                                                        <td><span class="textnormalgray"><!--SVLT.VAR:word--></span>


                                                            <!--SVLT.LOOP:ERROR_BOX-->


                                                            <br/>

                                                            <div align="center">


                                                                <table width="60%" border="0" cellspacing="0" cellpadding="0">

                                                                    <tr>



                                                                        <td><div align="center"class="textnormalred"><!--SVLT.VAR:MESSAGE--></div></td>
                                                                    </tr>
                                                                </table>



                                                                <!--SVLT.END:ERROR_BOX-->
                                                            </div></td>
                                                    </tr>
                                                </table>



                                                <table width="100%" border="0" cellspacing="0" cellpadding="0">



                                                    <tr>



                                                        <td>



                                                            <br/>



                                                            <table width="95%" border="0" align="center" cellpadding="2" cellspacing="5">



                                                                <tr>



                                                                    <td width="45%" height="40" align="right" class="textnormal_bold">เบอร์แฮปปี้ของคุณ :</td>



                                                                    <td>   <input type="text" id="phoneNumber" name="subr_numb"  maxlength="10" autocomplete="off" />



                                                                        <br/>



                                                                        <font color="#FF0000" class="textredsmall">ความยาว 10 หลัก (08xxxxxxxx)</font></td>
                                                                </tr>



                                                                <tr valign="middle">



                                                                    <td height="50" align="right" class="textnormal_bold">กดเพื่อรับรหัสผ่าน : </td>



                                                                    <td height="50" valign="bottom"><a href="javscript:void(0);" onclick="doGetPassCode();"><img src="${RESOURCE}/tha/images/14_webservice_password_btn.gif" width="150" height="23" border="0" /></a><br/>



                                                                        <font color="#FF0000" class="textredsmall">รอรับรหัสผ่านจากมือถือ โดยรหัสผ่านมีอายุ 30 นาที </font></td>
                                                                </tr>



                                                                <tr>



                                                                    <td height="40" align="right" class="textnormal_bold">กรอกรหัสผ่านเพื่อเข้าใช้บริการ</td>



                                                                    <td height="40"><input id="passCode" type="password"  maxlength="4" name="actv_code" autocomplete="off"/></td>
                                                                </tr>
                                                            </table>







                                                            <table width="224" border="0" align="center" cellpadding="5" cellspacing="0">



                                                                <tr align="center" valign="top">



                                                                    <td width="105"><a href="javscript:void(0);" onclick="doSubmit();"><img src="${RESOURCE}/tha/images/14_webservice_submit.gif" width="58" height="23" border="0" /></a></td>



                                                                    <td width="99"><a href="${pageContext.request.contextPath}/index.html?page=Welcome"><img src="${RESOURCE}/tha/images/14_webservice_cancel.gif" width="58" height="23" border="0" /></a></td>


                                                                </tr>
                                                            </table>



                                                            <div align="center"><br/>



                                                                <!--SVLT.LOOP:SUCCESS_BOX-->



                                                                <table width="60%" border="0" cellspacing="0" cellpadding="0">



                                                                    <tr>



                                                                        <td><div align="center" class="textnormal"><!--SVLT.VAR:MESSAGE--></div></td>
                                                                    </tr>
                                                                </table>



                                                                <!--SVLT.END:SUCCESS_BOX-->



                                                                <br/>
                                                            </div>


                                                        </td>
                                                    </tr>
                                                </table>



                                                <br/>



                                                <br/>


                                            </td>
                                        </tr>





                                    </table>

                                </td>
                            </tr>
                        </table>
                        <!--เนื้อหาสิ้นสุดที่นี่-->

                    </div>
                    <div class="content-bottom"></div>
                </div>
            </div>
        </div>
        <div id="footer">
            <img src="${RESOURCE}/tha/images/copy_right.jpg" />
            <a href="http://www.dtac.co.th" target="_blank"><img src="${RESOURCE}/tha/images/dtact_logo.jpg" border="0" /></a>
            <a href="http://www.happyvirus.com" target="_blank"><img src="${RESOURCE}/tha/images/virus_icon.jpg" border="0" /></a>
        </div>
    </body>
</html>
